鐵人賽來到 最後一天 ,
謝謝這段時間 閱讀系列文的大家,
忽然覺得有點捨不得 (´•̥̥̥ω•̥̥̥`)
今天會補充之前文章有提過~但還沒說明的 三元運算子
。
使用到 三個運算元
,是 if else
的 單行簡寫 ,
幫助我們編寫乾淨簡潔的程式碼。
格式如下:
條件 ? 條件若為 true 執行這段 : 條件若為 false 執行這段
A ? B : C // A 成立走 B , A 不成立走 C
舉例:
let score = 80;
let result = (score > 60) ? "過關" : "未通關";
console.log(result); //過關
問號前的 score > 60 為 true ,所以執行冒號前的那段,顯示過關。
三元運算中還可以再加三元運算
A ? (B ? D : E) : C // A 成立走(B ? D : E), A 不成立走 C
附上三元運算子介紹 MDN 連結
很開心有 iT 邦幫忙這個地方,能夠交流所學。
文章留言和站內信的加油打氣我都有收到 ^O^/
有時候忙碌很想偷懶的時候,這些都是我繼續寫作的動力。
謝謝閱讀的各位,因為有你們~此系列文才能夠完成!
常常壓線發文,過程既緊張又艱辛,但很慶幸自己有參加這個活動。
查資料的過程我成長很多,希望分享的內容也能讓讀者有所收穫。
內容若有疏漏寫錯的部分,還請各位大大能夠告訴我。
【每天5分鐘】學前端
的分享就到這邊囉,
(前言提到的 React 安裝 & Node.js 安裝,我會找時間截圖介紹)
日後若有其他想補充的內容,我會再發文的。
期待和大家一起養成 每天花一點時間學習新知 的習慣,共勉之。(◕ܫ◕)
下一次的鐵人賽,還沒有決定會不會參加
(其實今年也是很臨時發現到這個比賽,想沒多久就報名了 XD)
明年若有報名參賽,希望能分享多一點有關 JavaScript 的內容,
或者是開個介紹 Vue 或 React 的主題。
未來的一年,我也會持續學習、努力進步,
希望有更多東西可以和大家分享交流。
(我要繼續來查詢網域申請的資料,架設部落格了~笑)
感謝閱讀,我們下次再見囉~~~
附錄:
Day01【每天5分鐘】學前端 | 前言
Day02【每天5分鐘】學前端 | 環境介紹 VS Code安裝 (影片)
Day03【每天5分鐘】學前端 | Live Server & VS Code 快捷鍵
Day04【每天5分鐘】學前端 | HTML 簡介 (影片)
Day05【每天5分鐘】學前端 | HTML 標籤 (影片)
Day06【每天5分鐘】學前端 | HTML 表格 table (影片)
Day07【每天5分鐘】學前端 | HTML 表單 form (影片)
Day08【每天5分鐘】學前端 | CSS 簡介 (影片)
Day09【每天5分鐘】學前端 | CSS 選取器 (影片)
Day10【每天5分鐘】學前端 | CSS box model & 開啟開發者工具 (影片)
Day11【每天5分鐘】學前端 | CSS 清單 ol & ul 樣式設定 (影片)
Day12【每天5分鐘】學前端 | CSS display 顯示類型 (影片)
Day13【每天5分鐘】學前端 | JavaScript 簡介 (影片)
Day14【每天5分鐘】學前端 | JavaScript 字串 string (影片)
Day15【每天5分鐘】學前端 | JavaScript 數字 number
Day16【每天5分鐘】學前端 | JavaScript 布林值 boolean + 邏輯運算子
Day17【每天5分鐘】學前端 | JavaScript 比較運算子
Day18【每天5分鐘】學前端 | JavaScript 陣列 array
Day19【每天5分鐘】學前端 | JavaScript 物件 object
Day20【每天5分鐘】學前端 | JavaScript 流程控制 if else
Day21【每天5分鐘】學前端 | JavaScript 流程控制 switch case
Day22【每天5分鐘】學前端 | CSS RWD 響應式網頁設計
Day23【每天5分鐘】學前端 | JavaScript 迴圈控制 for
Day24【每天5分鐘】學前端 | JavaScript 迴圈控制 while
Day25【每天5分鐘】學前端 | JavaScript 函式 function
Day26【每天5分鐘】學前端 | 前端三大框架
Day27【每天5分鐘】學前端 | 切版前的 wireframe 線框圖
Day28【每天5分鐘】學前端 | 切版實作 HTML 篇
Day29【每天5分鐘】學前端 | 切版實作 CSS 篇
Day30【每天5分鐘】學前端 | 三元運算子 & 結尾